<template>
  <div class="dv-main">
    <div class="tit justify-between">
      <span>重点关注人员记录</span>
      <span>查看更多</span>
    </div>
    <div>
      <table>
        <tbody>
          <tr v-for="item in listValue" :key="item">
            <td><img :src="item.img" style="height:50px;width:50px;padding:3px" /></td>
            <td>{{ item.name }}</td>
            <td>{{ item.label }}</td>
            <td>{{ item.stime }}<br>{{item.camera}}</td>
            <td class="cl-green">轨迹追踪</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
import echarts from "echarts";
export default {
  components: {},
  data() {
    return {
      listValue: [
        { img: "/img/avatar1.jpg",name: "张婷", label: "高", stime: "11:01:03", camera: "1号窗口" },
        { img: "/img/avatar3.jpeg",name: "王小芸", label: "高", stime: "11:01:03", camera: "1号窗口" },
        { img: "/img/avatar1.jpg",name: "王小芸", label: "异 高", stime: "11:01:03", camera: "1号窗口" },
        { img: "/img/avatar3.jpeg",name: "王小芸", label: "高", stime: "11:01:03", camera: "1号窗口" },
        { img: "/img/avatar3.jpeg",name: "王小芸", label: "异常", stime: "11:01:03", camera: "1号窗口" },
      ],
    };
  },
  mounted() {},
};
</script>

<style scoped>
.dv-main {
  height: 100%;
  width: 100%;
  display: block;
  color: rgb(78, 199, 255);
}

.tit {
  display: flex;
  height: 25px;
}

.justify-between {
  justify-content: space-between;
}

.tit span {
  font-size: 20px;
}
table {
  width: 100%;
  border: 1px solid rgb(78, 199, 255);
}
table tr {
  border: 1px solid rgb(78, 199, 255);
}
table tr td {
  font-size:18px;
  color: #ffffff;
  padding: 3px;
  vertical-align: middle;
}

.cl-green{
  color: rgb(79, 255, 169);
}

</style>
